<template>
  <view class="detail-item">
    <view class="item-title" :class="isBold ? 'bold' : 'weight'" v-if="title">{{ title }}</view>
    <view class="item-intro intro_txt" :class="isDown ? 'heightMy' : ''">
<!--      <image v-if="title == '产品说明'" :src="img_src" style="width: 100%" mode="widthFix"></image>-->
      <view class="title"> <div class="leftpoint">·</div> 服务流程：提交订单-匹配法务专员-法务初审-匹配律师-律师服务-您确认服务完成-平台划转费用给律师。</view>
      <view class="title"> <div class="leftpoint">·</div> 服务方式：线上书面、电话+线下面谈。</view>
      <view class="title"> <div class="leftpoint">·</div> 匹配律师成功后，请您到本平台“办公”→“信息”→本订单“委托人协作团队”群聊里，查看办案流程，与律师沟通，跟进律师工作，考核办案质量。</view>
      <view class="title  titles"> <div class="leftpoint">·</div> 律师在其执业区域以内为您办案，由第三方收取的快递、交通、复印、打印、通讯等费用，概由律师承担，您不需支付。</view>
      <view class="title  titles"> <div class="leftpoint">·</div> 服务阶段中，如您选择套餐的，每个套餐里均已包含重审一审、重审二审、执行异议（包含不予执行仲裁裁决、不予执行公证债权文书）、执行复议/监督、追加申请执行人/被执行人、确认仲裁协议效力、撤销仲裁裁决。在办案过程中，如新增这些程序的，您不用另行付费，律师将为您继续代理。</view>
      <view class="title titles"> <div class="leftpoint">·</div> 报价方式选活马/还魂马时，律师费里后期费用的计算公式分别为：</view>
      <view class="title">  <div class="fontNormal">a、</div> 您为起诉方，则计算公式为：（律师帮您回收款物的价值金额-诉讼费-仲裁费-保全费-公告费-评估费-鉴定费-司法机关收取的其他费用）X相应提成比例。于每一期回款后5日内计算支付该批次的律师费用给律师。</view>
      <view class="title">  <div class="fontNormal">b、</div> 您为应诉方，则计算公式为：（审结之日止起诉方各项诉请的总金额-司法文书/相关协议/其他方式确定您应支出的金额）X相应提成比例。于司法文书/相关协议/其他方式确定您应支出金额后5日内计算支付律师费用给律师。</view>
      <view class="title"> <div class="leftpoint">·</div> 请您按时足额支付服务费用。如逾期未支付任一服务费用的，您需向律师支付逾期付款滞纳金直至付清款项之日止，滞纳金计算公式为：逾期未付金额×万分之五×逾期天数。滞纳金的支付义务不因您未收到付款提示信息而免除。律师向您追索服务费用时所支出的一切费用，包括但不限于律师费、诉讼担保费、公证费、调查费、诉讼融资费、交通差旅费等概由您承担。</view>

      <view class="title"> <div class="leftpoint">·</div> 项目资料：您可以在下单时就上传，也可以在匹配律师成功后，再按律师的指引上传。但报价方式选还魂马时，您须在下单时就上传。</view>
      <view class="title titles"> <div class="leftpoint">·</div> 服务过程中，如发现案件不在代理律师执业区域以内审理、或法院裁定移送异地法院审理等客观情形，导致代理律师无法在其执业区域以内继续办理的，请按照以下流程操作：</view>
      <view class="title">  <div class="fontNormal marginLeft5">①</div>在本平台“办公”→“信息”→本订单“委托人协作团队”群聊里，与律师确定好换个律师事宜，保留聊天记录；</view>
      <view class="title">  <div class="fontNormal marginLeft5">②</div>点击“换个律师”按钮，发起更换申请；</view>
      <view class="title">  <div class="fontNormal marginLeft5">③</div>联系律师，确认申请；</view>
      <view class="title">  <div class="fontNormal marginLeft5">④</div>律师确认后，您将返回“法务服务中”，由法务专员免费协助您重新选聘律师。您已支付的律师费用将全额保留在您的账户。</view>
      <view class="title titles"> <div class="leftpoint">·</div> 服务过程中，如您觉得律师不合适，需要解除委托的，请按照以下流程解除和退款，以便保障您及您好友推荐本平台应得的奖励：</view>
      <view class="title">  <div class="fontNormal marginLeft5">①</div>在本平台“办公”→“信息”→本订单“委托人协作团队”群聊里，与律师确定解除和退款事宜，保留聊天记录；</view>
      <view class="title">  <div class="fontNormal marginLeft5">②</div>在您订单详情的“待付信息”里，付清剩余服务费用；</view>
      <view class="title">  <div class="fontNormal marginLeft5">③</div>点击“解除委托”按钮，发起解除；</view>
      <view class="title">  <div class="fontNormal marginLeft5">④</div>联系律师，确认解除委托；</view>
      <view class="title">  <div class="fontNormal marginLeft5">⑤</div>服务解除后，如需退款的，在您订单详情的“服务解除”页面，点击“申请退款”按钮办理。</view>
      <view class="title"> <div class="leftpoint">·</div> 《律师服务收费管理办法》规定，以下八类案件不得实行风险代理收费：</view>
      <view class="title">  <div class="fontNormal">a、</div> 婚姻、继承案件;</view>
      <view class="title">  <div class="fontNormal">b、</div> 请求给予社会保险待遇或者最低生活保障待遇的;</view>
      <view class="title">  <div class="fontNormal">c、</div> 请求给付赡养费、抚养费、扶养费、抚恤金、救济金、工伤赔偿的;</view>
      <view class="title">  <div class="fontNormal">d、</div> 请求支付劳动报酬的;</view>
      <view class="title">  <div class="fontNormal">e、</div> 刑事诉讼案件;</view>
      <view class="title">  <div class="fontNormal">f、</div> 行政诉讼案件;</view>
      <view class="title">  <div class="fontNormal">g、</div> 国家赔偿案件;</view>
      <view class="title">  <div class="fontNormal">h、</div> 群体性诉讼案件。</view>
      <view class="title">   因此，服务领域中劳动工伤、婚姻继承、治安刑事案件均没有后期费用。</view>
      <view class="title"> <div class="leftpoint">·</div> 请您尽量在工作日的工作时间（08:30—12:00,14:00—18:00）联系法务专员或律师提供服务。</view>
      <view class="title"> <div class="leftpoint">·</div> 法力平台已设置利益冲突审查机制，不会匹配与您有利益冲突的律师代理您的法律事务。</view>
      <view class="title"> <div class="leftpoint">·</div> 根据法律规定，符合以下任一条件的形成一个新案件，需要您另行提交新订单，具体由法务专员/律师指导您办理：</view>
      <view class="title">  <div class="fontNormal">a、</div> 后案与前案的当事人不相同；</view>
      <view class="title">  <div class="fontNormal">b、</div> 后案与前案的诉求标的不相同；</view>
      <view class="title">  <div class="fontNormal">c、</div> 后案与前案的诉求不相同，或者后案的诉求不能否定前案诉求。</view>
      <view class="title">  <div class="fontNormal">d、</div> 治安刑事案件，犯罪嫌疑人、被告人同时涉及几个罪名或者数起犯罪事实的，一个罪名或一个犯罪事实形成一个案件，分别计件收取。</view>
      <view class="title"> <div class="leftpoint">·</div> 案件审理期限、执行期限可查阅《最高人民法院关于严格执行案件审理期限制度的若干规定》。</view>
      <view class="title"> <div class="leftpoint">·</div> 因本服务发生争议的，请与律师及其律师事务所友好协商，协商不成的，您、律师及其律师事务所以及本平台均同意提交广州仲裁委员会裁决。</view>
      <view class="title"> <div class="leftpoint">·</div> 服务完成后，您可与律师联系开具服务费发票。</view>
    </view>
    <!-- <view class="item-down" v-if="showDown" @click="down">
      <text class="down-txt" v-if="isDown">展开</text>
      <text class="down-txt" v-if="!isDown">收起</text>
    </view> -->
  </view>
</template>

<script>
export default {
  props: {
    title: '',
    content: '',
    isBold: false,
    img_src:''
  },
  data() {
    return {
      isDown: false,
      showDown: true,
      isCollect: false,
    };
  },
  methods: {
    down() {
      this.isDown = !this.isDown;
    },
    collect() {
      this.isCollect = !this.isCollect;
    }
  }
};
</script>

<style lang="scss">
.heightMy {
  height: 210rpx;
  overflow: hidden;
}
.bold {
  font-weight: bold;
  color: #000 !important;
}
.weight{
  color: #000 !important;
  font-weight: 700;
}
.detail-item {
  background-color: #ffffff;
  border-radius: 26rpx;
  margin-bottom: 20rpx;
  padding: 30rpx;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  .item-title {
    width: 100%;
    color: #aaa;
    margin-bottom: 20rpx;

  }
  .item-intro {
    width: 100%;
    line-height: 50rpx;

    .title{
       div{
        display: inline-block;
      }
      text-align: justify;
      padding-left: 8px;
      position: relative;
      .leftpoint{
        position:absolute;
        left:-1px;
        font-weight: normal;
      }
      .fontNormal{
        font-weight: normal;
      }
      .marginLeft5{
        display: inline-block;
        margin-right:8px;
      }
    }
    .titles{
      font-weight: 700;
    }
  }
  .item-down {
    width: 100%;
    text-align: right;
    .down-txt {
      color: #06b4fd;
      text-align: right;
    }
  }
}
</style>
